<template>
	<div class="tuijian">
		<div class="baotuijian">
			<h3 class="baotitle">去哪儿推荐</h3>
			<div class="jingxuan">
				<div class="jingxuanz">
					<div>
						<h6 class="baoliu">【去哪儿精选】西安兵马俑+华清宫可订长恨歌一日游 赠接机午餐</h6>
						<ul class="light">
							<span class="splight">
								<img class="zhong" src="https://img1.qunarzz.com/piao/fusion/1804/25/792e9929973a9902.png">
								23:45前可订明日
							</span>
						</ul>
						<ul class="tiaojian">
							<span class="tui">条件退</span>
							<span class="tui">无购物</span>
							<span class="tu">已售25281</span>
						</ul>
					</div>
				</div>
				<div class="jingxuanr">
					<strong class="piaojia">
						<em class="piaoshuzi">208</em>
						<span class="piaoqi">起</span>
						<em class="chakan">查看</em>
					</strong>
				</div>
			</div>
			<div class="jingxuan">
				<div class="jingxuanz">
					<div>
						<h6 class="baoliu">【去哪儿精选】西安兵马俑+华清宫可订长恨歌一日游 赠接机午餐</h6>
						<ul class="light">
							<span class="splight">
								<img class="zhong" src="https://img1.qunarzz.com/piao/fusion/1804/25/792e9929973a9902.png">
								23:45前可订明日
							</span>
						</ul>
						<ul class="tiaojian">
							<span class="tui">条件退</span>
							<span class="tui">无购物</span>
							<span class="tu">已售25281</span>
						</ul>
					</div>
				</div>
				<div class="jingxuanr">
					<strong class="piaojia">
						<em class="piaoshuzi">223</em>
						<span class="piaoqi">起</span>
						<em class="chakan">预定</em>
					</strong>
				</div>
			</div>
			<div class="jingxuan">
				<div class="jingxuanz">
					<div>
						<h6 class="baoliu">【去哪儿精选】西安兵马俑+华清宫可订长恨歌一日游 赠接机午餐</h6>
						<ul class="light">
							<span class="splight">
								<img class="zhong" src="https://img1.qunarzz.com/piao/fusion/1804/25/792e9929973a9902.png">
								23:45前可订明日
							</span>
						</ul>
						<ul class="tiaojian">
							<span class="tui">条件退</span>
							<span class="tui">无购物</span>
							<span class="tu">已售25281</span>
						</ul>
					</div>
				</div>
				<div class="jingxuanr">
					<strong class="piaojia">
						<em class="piaoshuzi">168</em>
						<span class="piaoqi">起</span>
						<em class="chakan">预定</em>
					</strong>
				</div>
			</div>
			<div class="tiaomen">
				<div class="lis">门票</div>
				<div class="lis">热销组合</div>
				<div class="lis">景区服务</div>
				<div class="lis">一日游</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里，建议您乘车前往。</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里，建议您乘车前往。</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里，建议您乘车前往。</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里，建议您乘车前往。</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="xiangsi">
				<h3 class="xbing">兵马俑+华清宫</h3>
			</div>
			<div class="tiqian">
				<div class="tiz">
					<p>【提前一天】成人联票温馨提示:带好本人的二代身份证取票、兵马俑距离华清宫7.4公里，建议您乘车前往。</p>
				</div>
				<div class="tir">
					<p>￥233</p>
				</div>
			</div>
			<div class="yonghu">
					<h3 class="title">用户评论</h3>
			</div>
		</div>
	</div>
</template>

<script type="text/javascript">
	
</script>


<style scoped>
	.tuijian{
		position: relative;
	}
	.baotuijian{
		position: relative;
    	background: #fff;
    	margin-bottom: .2rem;
    	padding-left: .2rem;	
	}
	.baotitle{
		overflow: hidden;
    	position: relative;
    	z-index: 4;
    	margin-bottom: -.02rem;
    	padding: 0 .2rem;
    	height: .88rem;
    	background: #fff;
    	color: #333;
    	font-size: .32rem;
    	line-height: .88rem;
    	text-indent: .4rem;
	}
	.jingxuan{
		padding: .2rem .2rem .24rem 0;
		overflow: hidden;
	}
	/*.jingxuan:before{
    	z-index: 1;
    	border-color: #dadada;
	}*/
	.jingxuanz{
		-webkit-box-flex: 2.92;
    	flex: 2.92;
        display: flex;
        width:4.5rem;
        float: left;
	}
	.baoliu{
		margin-right: .1rem;
    	line-height: .52rem;
    	padding: 0;
    	font-size: .3rem;	
	}
	.light{
		overflow: hidden;
	}
	.splight{
		display: inline-block;
    	height: .32rem;
    	color: #616161;
    	font-size: .24rem;
    	line-height: .32rem;
    	white-space: nowrap;	
	}
	.zhong{
		display: inline-block;
    	width: .2rem;
    	max-height: .32rem;
    	margin-right: .04rem;
    	vertical-align: 0;	
	}
	.tui{
		margin-right: .1rem;
		border:1px solid #a5e4ec;
		display: inline-block;
    	margin-top: .08rem;
    	padding: 0 .04rem;
    	height: .32rem;
    	color: #00afc7;
    	font-size: .2rem;
    	line-height: .32rem;
    	white-space: nowrap;	
	}
	.jingxuanr{
		float: left;
		margin-top:.2rem;
		width:1.3rem;
		margin-left: .6rem;
	}
	.tu{
		margin-right: .1rem;
		border:1px solid #a5e4ec;
		display: inline-block;
    	margin-top: .08rem;
    	padding: 0 .04rem;
    	height: .32rem;
    	color: #00afc7;
    	font-size: .2rem;
    	line-height: .32rem;
    	white-space: nowrap;	
	}
	.piaojia{
		color: #ff9800;
	}
	.piaoshuzi{
		margin-left: .3rem;
    	font-size: .4rem;
    	line-height: .4rem;	
    	float:left;
	}
	.piaoqi{
		display: inline-block;
    	color: #9e9e9e;
    	font-size: .24rem;
    	transform: scale(.8);
	}
	.chakan{
		height: .6rem;
		width:1.1rem;
    	color: #fff;
    	font-size: .28rem;
    	line-height: .6rem;
    	border-radius: .08rem;
    	background-color: #ff8c12;
    	float: right;
    	text-align: center;
	}
	.tiaomen{
		position: relative;
    	background-color: #fff;
    	color: #212121;
    	height: .96rem;
    	line-height: .96rem;
    	white-space: nowrap;
   	 	overflow-x: auto;	
	}
	.taomen{
		width:8.2rem;
	}
	.lis{
		display: inline-block;
    	height: .92rem;
    	line-height: .96rem;
    	float: left;
    	width:1.7rem;
    	text-align: center;
    	font-size: .32rem;
	}
	.xiangsi{
		margin-bottom: .2rem;
    	background: #fff;
	}
	.xbing{
		overflow: hidden;
    	position: relative;
    	z-index: 4;
    	margin-bottom: -.02rem;
    	padding: 0 .2rem;
    	height: .88rem;
    	background: #fff;
    	color: #333;
    	font-size: .32rem;
    	line-height: .88rem;
    	text-indent: .4rem;	
	}
	.xiangsi:before{
		content:"";
		width:100%;
		border-top:1px solid #000;
		position: absolute;
	}
	.tiqian{
		overflow: hidden;
		padding-bottom:15px;
	}
	.tiz{
		width:5.12rem;
		float:left;
		line-height: .5rem;
		font-size: .24rem;
    	color: #888;
    	line-height: .32rem;
	}
	.tir{
		width:1.1rem;
		float:left;
		color:#ffab1e;
		font-size: .4rem;
		margin-top: 10px;
    	margin-left: 15px;
	}
	.yonghu{
		margin-top: .2rem;
	}
	.title{
		padding: 0 .2rem;
    	height: .88rem;
    	background: #fff;
    	color: #333;
    	font-size: .3rem;
    	line-height: .88rem;
    	text-indent: .2rem;
	}
</style>